<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>遍历Map结构</title>
		<script>
			window.onload=function(){
				const map = new Map();
				map.set('name', '刘兵');
				map.set('age', 25);
				const myDisplay=document.getElementById("display");
				for (let [key, value] of map) {
				  myDisplay.innerHTML += "键名："+key+"， ";
				  myDisplay.innerHTML += "键值："+value+"<br>";
				}
				//如果只想获取键名，或者只想获取键值，可以写成下面这样。
				myDisplay.innerHTML += "<br><br>所有键名包括：<br>"
				// 获取键名,并显示所有键名
				for (let [key] of map) {
				  myDisplay.innerHTML += key+"， "
				}
				myDisplay.innerHTML += "<br><br>所有键值包括：<br>"
				
				// 获取键值,并显示所有键值
				for (let [,value] of map) {
				  myDisplay.innerHTML += value+"， "
				}
			}
		</script>
	</head>
	<body>
		<div id="display"></div>
	</body>
</html>